<!DOCTYPE HTML>
<html>

<head>
  <title>Citas Clinica Latina</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
  <script type="text/javascript" src="lib/ajax.js"></script>
  
  <script>

ver_cita_Activas();

function adios(){
	var page='controladores/c_citas.php?adios=1';
	//alert('enter');
	AbreDoc('',page,'div_citas');	
}

function muestra_paciente(idcita){
	var page='controladores/c_citas.php?muestraPaciente='+idcita;
	//alert('enter');
	AbreDoc('',page,'div_paciente');	
}
  
function ver_cita_Activas(){
	var page='controladores/c_citas.php?citasActivas=1';
	//alert('enter');
	AbreDoc('',page,'citas_activas');	
}

function form_cita(){	
	var page='controladores/c_citas.php?form=true';
	//alert(page);
	AbreDoc('',page,'div_citas');
}


function muestra_citas(){
	var page = "controladores/c_citas.php?verCitas=1";	
	AbreDoc('',page,'div_citas');	
}

function editar_cita(id){
	var page = "controladores/c_citas.php?editar=1&id_cita="+id;
	//alert(page);
	AbreDoc('',page,'div_citas');	
}

function actualizar_cita(id_paciente,id_cita){
	var page = "controladores/c_citas.php?actualizar=1&id_paciente="+id_paciente+"&id_cita="+id_cita;
	
	var tema=document.getElementById('tema').value;
	var h_inicio=document.getElementById('inicio').value;
	var h_fin=document.getElementById('fin').value;
	var fecha=document.getElementById('fecha').value;
	var nombre=document.getElementById('nombre').value;
	var apellidos=document.getElementById('apellidos').value;
	var cedula=document.getElementById('cedula').value;
	var seguro=document.getElementById('seguro').value;
	var fdn=document.getElementById('fdn').value;
	var nacionalidad=document.getElementById('nacionalidad').value;
	
	page +=     '&tema='+tema+
				'&h_inicio='+h_inicio+
				'&h_fin='+h_fin+
				'&fecha='+fecha+
				'&nombre='+nombre+
				'&apellidos='+apellidos+
				'&cedula='+cedula+
				'&seguro='+seguro+
				'&fdn='+fdn+
				'&nacionalidad='+nacionalidad	
	//alert(page);
	AbreDoc('',page,'div_citas');
	
}

function guarda_cita(){

	var tema=document.getElementById('tema').value;
	var h_inicio=document.getElementById('inicio').value;
	var h_fin=document.getElementById('fin').value;
	var fecha=document.getElementById('fecha').value;
	var nombre=document.getElementById('nombre').value;
	var apellidos=document.getElementById('apellidos').value;
	var cedula=document.getElementById('cedula').value;
	var seguro=document.getElementById('seguro').value;
	var fdn=document.getElementById('fdn').value;
	var nacionalidad=document.getElementById('nacionalidad').value;
	
	var page= 'controladores/c_citas.php?'
	
	page +=  'saveCita=true'+
				'&tema='+tema+
				'&h_inicio='+h_inicio+
				'&h_fin='+h_fin+
				'&fecha='+fecha+
				'&nombre='+nombre+
				'&apellidos='+apellidos+
				'&cedula='+cedula+
				'&seguro='+seguro+
				'&fdn='+fdn+
				'&nacionalidad='+nacionalidad
	//alert(page);
	
	AbreDoc('',page,'div_citas');
}	

</script>

</head>

<body>
  <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="index.php">Clinica<span class="logo_colour">Latina</span></a></h1>
          <h2>Sistema de Citas</h2>
        </div>
      </div>
      <nav>
        <div id="menu_container">
          <ul class="sf-menu" id="nav">
            <li><a href="index.php">Home</a></li>
            <li><a href="#" onClick="form_cita();">Ingresar Citas</a></li>
            <li><a href="#" onClick="muestra_citas();">Ver Citas</a></li>
            <li><a href="#" onClick="adios();">Salir</a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
          </ul>
        </div>
      </nav>
    </header>
    <div id="site_content">
      <div id="sidebar_container">
        <div class="sidebar" id="div_paciente">
          <h4>Cita seleccionada</h4>
       
        </div>
        <div class="sidebar" id="citas_activas">

        </div>
      </div>
      <div class="content" id="div_citas">
        <h1>Bienvenidos</h1>
		
      </div>
    </div>
    <footer>
      <p>Copyright &copy; Progra IV | <a href="#">Examen II</a></p>
    </footer>
  </div>
  <p>&nbsp;</p>
  
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });

  </script>
</body>
</html>
